<template>
	<view class="bodys">
		<div class="header" v-for="item in list" :key="item.id">
			<div>
				<image :src="item.url" mode=""></image>
			</div>
			<div class="xinxi">
				<div class="name">
					{{item.name}}
				</div>
				<div class="yewuyuan">
					<navigator url="./wanshan">完善个人资料></navigator>
				</div>
			</div>
		</div>
		<div class="jianjie" v-for="item in list" :key="item.id">
			<div class="xiaoshoue">
				销售额：<span>{{item.money}}</span>
			</div>
			<div class="tixian">
				<navigator url="../shop/historytixian">提现</navigator>
			</div>
		</div>
		<div class="caozuo">
			
			<div style="background-image: url(http://pdd.xuhuinet.com/upload/icons/chongzhi.png);" class="first">
				<navigator url="./chongzhi">充值</navigator>
			</div>
			<div style="background-image: url(http://pdd.xuhuinet.com/upload/icons/dianpuguanli.png);" class="first">
				<navigator url="../shop/shopadmin">店铺管理</navigator>
			</div>
			<div style="background-image: url(http://pdd.xuhuinet.com/upload/icons/shujutongji.png);" class="first">
				<navigator url="../shop/index">数据统计</navigator>
			</div>
			<div style="background-image: url(http://pdd.xuhuinet.com/upload/icons/dianpuguanli.png);" class="first">
				<navigator url="../zhifu/zhifu">订单列表</navigator>
			</div>
		</div>
	
			
		
	</view>

</template>

<script>
	export default {
		data() {
			return {
				list: [{
					id: 1,
					url: "http://pic.sc.chinaz.com/files/pic/pic9/202007/apic26672.jpg",
					shop: "婉君百货店",
					name: "婉君",
					phone: "029-85415614",
					money: 9989
				}, ]
			}
		},
		methods: {
			go() {
				var that = this
				wx.request({
					url: this.$url + '/api/v1.Shop/shopAdd', //仅为示例，并非真实的接口地址
					method: 'post',
					data: {
						shop_name: that.shop_name,
						shop_urls: that.shop_urls,
						shop_describe: that.shop_describe
					},

					success(res) {
						console.log("店铺添加成功")
						console.log(res)
					},
					fail(ref) {
						console.log("发送失败")
						console.log(ref)
					}
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	$red: #ff6666;
	$f:#FFFFFF;
	$gary:#F1F1F1;

	.header {
		color: #666666;
		padding-left: 47upx;
		// border-bottom: 2upx solid green;
		background-color: $red;
		// margin-top: 1px;
		height: 184upx;
		display: flex;
		width: 100%;
		align-items: center;

		.xinxi {
			margin-left: 25upx;

			.name {
				margin-bottom: 22upx;
				color: $f;
				font-size: 30upx;
			}

			align-self: center;
		}
	}

	.yewuyuan {
		height: 20upx;
		line-height: 20upx;
		border-bottom: 1px solid $f;
		color: $f;
		font-size: 20upx;
	}

	.jianjie {
		margin-bottom: 18upx;
		display: flex;
		text-align: center;
		height: 120upx;
		background-color: $f;
		font-size: 27upx;
		align-items: center;

		.xiaoshoue {
			height: 120upx;

			width: 100%;
			margin-left: 46upx;
			text-align: left;
			line-height: 120upx;

		}

		.tixian {
			font-size: 26upx;
			line-height: 50upx;
			color: $red;
			width: 138upx;
			height: 50upx;
			border: 1px solid $red;
			margin-right: 32upx;
			border-radius: 4upx;
		}
	}

	.caozuo {
		background-color: $f;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		height: 212upx;

		div {
			border-bottom: 1px solid $gary;
			border-top: 1px solid $gary;
			height: 210upx;
			background-size: 60upx 50upx;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			text-align: center;
			line-height: 325upx;
		}

		.first {
			border-left: 1px solid $gary;
			border-right: 1px solid $gary;
			width: 247upx;
		}

		.center {
			border-left: 1px solid $gary;
			border-right: 1px solid $gary;
			width: 247upx;

		}

		.last {
			width: 250upx;
		}
	}















	span {
		color: red;
	}

	.bodys {
		background-color: #F1F1F1;
		height: 100%;
	}

	p {
		color: red;
	}

	image {
		border-radius: 50%;
		width: 122rpx;
		height: 122rpx;
	}
</style>
